<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
</head>
<body>
    <div id="outer">
        <p>
            <!-- <input type="text" v-bind:value="message">
            <button v-bind:disabled="disabled">提交</button>
            <input type="text" v-bind:value="password">
            <a v-bind:href="url">{{ name }}</a> -->

            <input type="text" :value="message">
            <button :disabled="disabled">提交</button>
            <input type="text" :value="password">
            <a :href="url">{{ text }}</a>
        </p>

        <p>
            <!-- v-model -->
            <input type="text" v-model="val">
        </p>
    </div>
    <script src="./js/vue.js"></script>

    <script>
       const vm = new Vue({
            data:{
                message:"请输入您的账号",
                password:"请输入您的密码",
                disabled:true,
                text:"百度",
                url:"https://www.baidu.com/",
                val:"hello world"
            }
        });

        vm.$mount("#outer")
    </script>
</body>
</html>